body {
	margin:0px;
    padding:0px;   
}
@font-face {
font-family: AkzidenzGroteskCERomanBold;
src: url(../font/AkzidenzGroteskCERomanBold.ttf);
}

@font-face {
font-family: swiss71swa;
src: url(../font/Swiss721SWA.ttf);
font-weight: normal;
}

@font-face {
font-family: abeatbyKaiRegular;
src: url(../font/abeatbyKaiRegular.otf);
}



.fontswiss71swa
{
    
  font-family:swiss71swa;   
}


.fontabeatbyKaiRegular
{
    
  font-family:abeatbyKaiRegular;   
}
.footer
{
 font-family:swiss71swa;
 color:#ccc;   
}

.font8
{
    font-size:8px;
}

.font9
{
    font-size:9px;
}

.font10
{
    font-size:10px;
}

.font11
{
    font-size:11px;
}

.font12
{
    font-size:12px;
}

.font13
{
    font-size:13px;
}

.font14
{
    font-size:14px;
}

.font15
{
    font-size:15px;
}

.font18
{
    font-size:18px;
}
.font19
{
    font-size:19px;
}
.font20
{
    font-size:20px;
}

.font24
{
    font-size:24px;
}
.judul_headline
{
 font-family:AkzidenzGroteskCERomanBold;
 color:#ffffff;   
}

.isi_headline
{
 font-family:swiss71swa;
 color:#ffffff;   
}

.fontcolorwhite
{
  color:#ffffff;    
}

.fontcolorhijau
{
  color:#0e8c46;    
}

.fontcolorbiru0b5fa5
{
  color:#0b5fa5;    
}

.fontcolorbiru386b96
{
  color:#386b96;    
}

.fontfamcalibry
{
  font-family:calibri;    
}

.fontcolorbirutua
{
  color:#25547b;    
}


.fontcolorbiru
{
  color:#25547b;    
}

.fontcolorbirufooter
{
  color:#b5d1ed;    
}


.fontcolorwhitef0f4f9
{
  color:#f0f4f9;    
}

.fontcolor1668b1
{
  color:#1668b1;    
}


.clear	{
	clear: both;
	font-size: 0px;
	height: 0;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	}
    
.italic
{
    font-style:italic !important;
}    
a.biru
{
    
    	text-decoration:none;color:#0b5fa5;
}

a.biru:hover
{
    
    	text-decoration:none;color:#88a9c9
}

a.putih
{
    
    	text-decoration:none;color:#fff;
}

a.putih:hover
{
    
    	text-decoration:none;color:#88a9c9
}

.decoration{
    	text-decoration:none;
}
.isi{
font-family:calibri;
color:#25547b;
font-size:13px;   
text-align:justify; 
}

.judul_news
{
font-family:calibri;
color:#1668b1;
font-size:24px;    
}
.judul2
{
font-family:calibri;
color:#1668b1;
font-size:18px;     
}
/*grid*/



.grid-view-loading {
    background: url("loading.gif") no-repeat scroll 0 0 transparent;
}
.grid-view {
    padding: 15px 0;
}
.grid-view table.items {
    background: none repeat scroll 0 0 white;
    border: 1px solid #D0E3EF;
    border-collapse: collapse;
    width: 100%;
    
}
.grid-view table.items th, .grid-view table.items td {
    border: 1px solid white;
    font-size: 0.9em;
    padding: 0.3em;
    font-family:calibri;   
}
.grid-view table.items th {
    background:#5d77a9 !important;/*url("bg.gif") repeat-x scroll left top white;*/
    color: white;
    text-align: center;
    font-family:calibri;    
    
   	
}
.grid-view table.items th a {
    color: #EEEEEE;
    font-weight: bold;
    text-decoration: none;
}
.grid-view table.items th a:hover {
    color: #FFFFFF;
}
.grid-view table.items th a.asc {
    background: url("up.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
}
.grid-view table.items th a.desc {
    background: url("down.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
}
.grid-view table.items tr.even {
    background: none repeat scroll 0 0 #F8F8F8;
}
.grid-view table.items tr.odd {
    background: none repeat scroll 0 0 #E5F1F4;
}
.grid-view table.items tr.selected {
    background: none repeat scroll 0 0 #BCE774;
}
.grid-view table.items tbody tr:hover {
    background: none repeat scroll 0 0 #ECFBD4;
}
.grid-view .link-column img {
    border: 0 none;
}
.grid-view .button-column {
    text-align: center;
    width: 60px;
}
.grid-view .button-column img {
    border: 0 none;
}
.grid-view .checkbox-column {
    width: 15px;
}
.grid-view .summary {
    margin: 0 0 5px;
    text-align: right;
}
.grid-view .pager {
    margin: 5px 0 0;
    text-align: right;
}
.grid-view .empty {
    font-style: italic;
}
.grid-view .filters input, .grid-view .filters select {
    border: 1px solid #CCCCCC;
    width: 100%;
}


.komentar{
 color: #888888 !important;
 font-family:courier !important;
 font-size:14px !important;
 
}


.box{
    background:#ffffff;
	color: #ffffff;
/*	padding: 10px 20px;*/
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#ffffff));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #d3d6da;
	-moz-box-shadow:
		0px 1px 3px rgba(199,199,199,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(199,199,199,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(199,199,199,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}




.box2{
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	color: #ffffff;
/*	padding: 10px 20px;*/

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #d3d6da;
	-moz-box-shadow:
		0px 1px 3px rgba(199,199,199,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(199,199,199,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(199,199,199,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}


.menu{
    background:#3b6da6;
/*	padding: 10px 20px;*/
	background: -moz-linear-gradient(
		top,
		#3b6da6 0%,
		#3b6da6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#3b6da6),
		to(#3b6da6));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 0px solid #d3d6da;

	text-shadow:
		0px -1px 0px rgba(255,255,255,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}



.shadow{
    background:#ffffff;
	color: #ffffff;
    padding: 0px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#ffffff));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #d3d6da;
	-moz-box-shadow:
		0px 2px 10px rgba(199,199,199,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 2px 10px rgba(199,199,199,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 2px 10px rgba(199,199,199,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
